.flex-row-start-start {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.flex-row-start-center {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.flex-row-start-end {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end
}
.flex-row-center-start {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
.flex-row-center-center {
    display: flex;
    justify-content: center;
    align-items: center;
}
.flex-row-center-end {
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
.flex-row-end-start {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
}
.flex-row-end-center {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.flex-row-end-end {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}
.wrap-index{
    /* background: url('../assets/bg.png'); */
    width: 100%;
    height: 100%;
    background-size: cover;
    position: fixed;
    overflow: auto;
    background-color: #ffffff;
    color: black;
}
.corner-content1 {
    width: 10px;
    height: 10px;
    border-left: 3px solid #ff1f28;
    border-top: 3px solid #ff1f28;
  }
  .corner-content2 {
    width: 10px;
    height: 10px;
    border-left: 3px solid  #ff1f28;
    border-bottom: 3px solid  #ff1f28;
  }
  .corner-content3 {
    width: 10px;
    height: 10px;
    border-right: 3px solid  #ff1f28;
    border-bottom: 3px solid #ff1f28;
  }
  .corner-content4 {
    width: 10px;
    height: 10px;
    border-right: 3px solid  #ff1f28;
    border-top: 3px solid #ff1f28;
  }
  .qknum-content-top {
    width: 100%;
    border-left: 1px solid #fd5057;
    border-right: 1px solid#fd5057;
    height: 25px;
  }
  .qknum-content-bottom {
    width: 100%;
    border-left: 1px solid #fd5057;
    border-right: 1px solid#fd5057;
    height: 23px;
  }
  .qknum-content {
    width: 56.81%;
    height: 93px;
    border-top: 1px solid #fd5057;
    border-bottom: 1px solid #fd5057;
  }
  .qknum-content-unit {
    color: #fd5057;
    font-size: 20px;
    text-align: left;
    font-family: SourceHanSansSC-regular;
  }
  .qk-title-num {
    color: black;
    font-size: 20px;
    text-align: left;
    font-family: SourceHanSansSC-regular;
    margin-left: 30px;
    font-weight: 600;
  }
  .qk-title {
    width: 100%;
    height: 43px;
    background-color: #cc0000;
    color: #ffffff;
    font-size: 14px;
    text-align: center;
    font-family: Roboto;
  }
  .rect0 {
    position: absolute; 
    top: 128px;
    /* left: calc(1.2% - 3px);  */
    width: calc(23.853% + 6px ); 
    height: 156px; 
    background: linear-gradient(to left, #f00, #f00) left top no-repeat, 
                linear-gradient(to bottom, #f00, #f00) left top no-repeat, 
                linear-gradient(to left, #f00, #f00) right top no-repeat,
                linear-gradient(to bottom, #f00, #f00) right top no-repeat, 
                linear-gradient(to left, #f00, #f00) left bottom no-repeat,
                linear-gradient(to bottom, #f00, #f00) left bottom no-repeat,
                linear-gradient(to left, #f00, #f00) right bottom no-repeat,
                linear-gradient(to left, #f00, #f00) right bottom no-repeat;
    background-size: 3px 9px, 9px 3px, 3px 9px, 9px 3px; 
    z-index: -1; 
}
  .rect {
    position: absolute; 
    top: 128px;
    margin-left: -3px; 
    width: calc(23.853% + 6px ); 
    height: 156px; 
    background: linear-gradient(to left, #f00, #f00) left top no-repeat, 
                linear-gradient(to bottom, #f00, #f00) left top no-repeat, 
                linear-gradient(to left, #f00, #f00) right top no-repeat,
                linear-gradient(to bottom, #f00, #f00) right top no-repeat, 
                linear-gradient(to left, #f00, #f00) left bottom no-repeat,
                linear-gradient(to bottom, #f00, #f00) left bottom no-repeat,
                linear-gradient(to left, #f00, #f00) right bottom no-repeat,
                linear-gradient(to left, #f00, #f00) right bottom no-repeat;
    background-size: 3px 9px, 9px 3px, 3px 9px, 9px 3px; 
    z-index: -1; 
}
.rect1 {
  position: absolute; 
  top: 127px;
  margin-left: -3px;
  width: calc(46.88% + 6px); 
  height: 823px; 
  background: linear-gradient(to left, #f00, #f00) left top no-repeat, 
              linear-gradient(to bottom, #f00, #f00) left top no-repeat, 
              linear-gradient(to left, #f00, #f00) right top no-repeat,
              linear-gradient(to bottom, #f00, #f00) right top no-repeat, 
              linear-gradient(to left, #f00, #f00) left bottom no-repeat,
              linear-gradient(to bottom, #f00, #f00) left bottom no-repeat,
              linear-gradient(to left, #f00, #f00) right bottom no-repeat,
              linear-gradient(to left, #f00, #f00) right bottom no-repeat;
  background-size: 3px 9px, 9px 3px, 3px 9px, 9px 3px; 
  z-index: -1; 
}
.rect2 {
  position: absolute; 
  top: 127px;
  margin-left: -3px;
  width: calc(23.228% + 6px); 
  height: 224px; 
  background: linear-gradient(to left, #f00, #f00) left top no-repeat, 
              linear-gradient(to bottom, #f00, #f00) left top no-repeat, 
              linear-gradient(to left, #f00, #f00) right top no-repeat,
              linear-gradient(to bottom, #f00, #f00) right top no-repeat, 
              linear-gradient(to left, #f00, #f00) left bottom no-repeat,
              linear-gradient(to bottom, #f00, #f00) left bottom no-repeat,
              linear-gradient(to left, #f00, #f00) right bottom no-repeat,
              linear-gradient(to left, #f00, #f00) right bottom no-repeat;
  background-size: 3px 9px, 9px 3px, 3px 9px, 9px 3px;  
  z-index: -1;
}
  .ivu-select-selection-focused, .ivu-select-selection:hover{
    border-color: #cc0000;
  }

